import { Path, Svg } from 'react-native-svg'

// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
import { createIcon } from '../factories/createIcon'

export const [GoogleLogo, AnimatedGoogleLogo] = createIcon({
  name: 'GoogleLogo',
  getIcon: (props) => (
    <Svg viewBox="0 0 24 24" fill="none" {...props}>
      <Path
        d="M19.521 12.1821C19.521 14.5887 18.666 16.6233 17.1776 18.0008C15.8793 19.2041 14.0981 19.9166 11.9685 19.9166C8.88893 19.9166 6.221 18.1354 4.93059 15.5467C4.39225 14.4779 4.0835 13.2746 4.0835 12C4.0835 10.7254 4.39225 9.52205 4.93059 8.4533C6.22892 5.86455 8.88893 4.08331 11.9685 4.08331C14.0981 4.08331 15.8793 4.86705 17.241 6.14955L14.9927 8.40581C14.1694 7.62206 13.1323 7.21831 11.9685 7.21831C9.91018 7.21831 8.16849 8.61164 7.54308 10.4879C7.38474 10.9629 7.28974 11.4696 7.28974 12C7.28974 12.5304 7.37683 13.0371 7.54308 13.5121C8.16849 15.3962 9.91018 16.7817 11.9685 16.7817C13.0293 16.7817 13.9319 16.4887 14.6444 16.0137C15.4756 15.4517 16.0298 14.6283 16.2198 13.6546H11.9685V10.6779H19.3944C19.4735 11.1608 19.521 11.6516 19.521 12.1741V12.1821Z"
        fill="currentColor"
      />
    </Svg>
  ),
  defaultFill: '#131313',
})
